<template>
  <div>
    <a-page-header :ghost="false" />

    <a-card :bordered="false">
      <a-tabs tab-position="left">
        <a-tab-pane tab="基础设置" key="1"> fdsf </a-tab-pane>
        <a-tab-pane tab="安全设置" key="2"> fdafd</a-tab-pane>
        <a-tab-pane tab="交接班" key="3"> fdsaf </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";
import { Tabs, PageHeader, Card } from "ant-design-vue";

export default defineComponent({
  components: {
    APageHeader: PageHeader,
    ACard: Card,
    ATabs: Tabs,
    ATabPane: Tabs.TabPane,
  },
  setup() {},
});
</script>

<style lang="less" scoped>
</style>
